<!DOCTYPE html>
<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<title th:text="|#{customer.systemTitle}-图灵谷-全局配置-全局配置|">图灵谷</title>
<div th:replace="fragments/head_admin">head</div>
</head>
<body>
	<div class="layui-layout layui-layout-admin">
		<div th:replace="fragments/nav_admin">导航栏</div>
		<div th:replace="fragments/menu_admin::menu(parent=material,child=video)">菜单栏</div>
		<div class="layui-body">
			<div class="layui-main">
				<!--/***** 面包屑 *****/-->
				<div class="layui-elem-quote" style="margin-top: 10px;">
					<span class="layui-breadcrumb"> <a><cite>素材管理</cite></a> <a th:href="@{/admin/m/base/video/list.gsp}">视频管理</a> <a><cite>查看</cite></a>
					</span>
				</div>
				<blockquote class="layui-elem-quote layui-quote-nm" style="color: #FF5722">
					<i class="layui-icon">&#xe60b;</i> 查看视频信息
				</blockquote>
				<div class="layui-form-item">
					<label class="layui-form-label">视频名称：</label>
					<div class="layui-input-block">
						<label th:text="${result.videoName}" type="text" class="layui-input" />
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">视频描述：</label>
					<div class="layui-input-block">
						<label class="layui-textarea" th:utext="${result.description}"></label>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label"></label>
					<div class="layui-input-block">
						<div id="showVideo"></div>
					</div>
				</div>
			</div>
		</div>
		<div th:replace="fragments/footer_admin">底部</div>
	</div>
</body>
<div th:replace="fragments/import_js_admin">引入js</div>
<script th:src="@{/resources/vendor/ckplayer/ckplayer.js}"></script>
<script th:inline="javascript">
    /*<![CDATA[*/
    $(function() {
        var videoPath = /*[[@{{path}(path=${result.videoPath})}]]*/'';
        var videoFormat = /*[[${result.format}]]*/'';
        var flashvars = {
            f : videoPath,
            c : 0,
            b : 1
        };
        var params = {
            bgcolor : '#FFF',
            allowFullScreen : true,
            allowScriptAccess : 'always',
            wmode : 'transparent'
        };
        CKobject.embedSWF(/*[[@{/resources/vendor/ckplayer/ckplayer.swf}]]*/'swf', 'showVideo', 'ckplayer_a1', '600', '400', flashvars, params);

        // 下面三行是调用html5播放器用到的
        var video = [ videoPath + '->video/' + videoFormat ];
        var support = [ 'iPad', 'iPhone', 'ios', 'android+false', 'msie10+false' ];
        CKobject.embedHTML5('showVideo', 'ckplayer_a1', 600, 400, video, flashvars, support);
    });
    /*]]>*/
</script>
</html>